<template>
    <div>
      <div class="sub-name name-box" id="low-name"><span>{{responsItem.title}}</span></div>
      <div class="content" v-html="responsItem.content"></div>
    </div>
</template>

<script>
  export default {
    async asyncData({$axios,params}){
      let respons = await $axios.$get('http://tfngw.tfnhg.com/Api/adminWeb/get_shzr');
      let responsItem = {};
      for(let i in respons){
        if(params.id == respons[i].id){
          responsItem = respons[i];
        }
      }
      return {responsItem}
    }
  }
</script>

<style>
  .name-box{
    width: 100%;
    height:0.69rem;
    position: relative;
    font-size: 0.22rem;
    border-bottom: 1px solid #d4d2d3;
  }
  .name-box span{
    position: absolute;
    left: 0;
    bottom:0.08rem;
  }
  .content p{
    line-height: 0.22rem;
    margin: 0.15rem 0;
  }
  .content img{
    max-width: 100%;
  }
</style>
